<template>
  <div class="layout">
    <Header />
    <main class="layout-main">
      <router-view />
    </main>
    <Footer />
  </div>
</template>

<script setup>
import Header from './Header.vue'
import Footer from './Footer.vue'
</script>

<style scoped>
.layout { display: flex; flex-direction: column; min-height: 100vh; }
.layout-main { flex: 1; }
</style>